<template>
	<view>
		<custom-nav :title="'用印'"></custom-nav>
		<view class="container">
			<view class="c6 mt20 f30 ml20">请选择用印场景：</view>
			<view>
				<view
					v-for="(sealItem, sealIndex) in sealList"
					:key="sealIndex"
					class="flex-between pt40 pb40 pl20 pr20 backf mt20 mb20 seal-box"
					@tap="jumpTo(sealItem)"
				>
					<view class="df">
						<image
							style="width: 40rpx; height: 40rpx"
							src="https://fe-static.yilife.cn/svg/office-software/ce0cd2526185007098a89843784625a4.svg"
						></image>
						<view class="ml20">{{ sealItem.formName }}</view>
					</view>
					<uni-icons type="right" size="15" color="#999999" />
				</view>
			</view>
		</view>
	</view>
</template>
<script>
export default {
	data() {
		return {
			sealList: [],
		}
	},
	onLoad() {
		this.getModelListByType()
	},
	methods: {
		getModelListByType() {
			this.$request
				.request('wflow/wflow/model/list/byType', {
					data: {
						typeCode: 'yy_merger',
					},
				})
				.then((res) => {
					if (res.status === 200) {
						this.sealList = res.data
					}
				})
		},
		jumpTo(row) {
			uni.navigateTo({
				url: `/subPackagesIndex/pages/index/approval/launch/launchApproval?code=${row.formId}&active=2&processType=useSeal`,
			})
		},
	},
}
</script>
<style lang="scss" scoped>
.seal-box {
	border-radius: 8rpx;
	color: #010101;
	font-size: 32rpx;
}
</style>
